<template>
	<view>
		<u-button shape="circle" :color="color" :customStyle="style" loadingSize="35" 
			:loading="loading" loadingMode="circle" :loadingText="loadingText" @click="click">{{text}}</u-button>
	</view>
</template>

<script>
	export default {
		name: "SubmitBtn",
		props: {
			text: {
				default: '确定'
			},
			color: {
				default: '#FE5A13'
			},
			loading:{
				default: false
			},
			loadingText: {
				default: ''
			},
			customStyle: {
				default: () => {}
			}
		},
		data() {
			return {
				defaultStyle: {
					'font-size': '36rpx',
					'height': '96rpx',
					'width': '690rpx'
				}
			};
		},
		computed: {
			style() {
				let fullStyle = {
					...this.defaultStyle,
					...this.customStyle
				}
				return fullStyle;
			}
		},
		methods:{
			click(){
				this.$emit('click')
			}
		}
	}
</script>

<style scoped>
 /v-deep/.u-loading-icon{
	 color: #fff !important;
 }
</style>